.mainContent{
    float:left;
    min-height:800px;
    width:1200px;
    border:2px solid #ccc;
    border-bottom: none;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:20px;
    position:relative;
    left:20%;
}



/*左侧导航样式*/
.mainContent .leftNav{
    float:left;
    width:200px;
    min-height:800px;  
}
.mainContent .leftNav ul{
    width:200px;
    height:800px;
    border-right:1px solid #ccc;
}
.mainContent .leftNav ul li{
    display: block;
    height:50px;
    width:200px;
    text-align: center;
    line-height: 50px;
    color: #000;
    background:#fff;
    border-bottom:1px solid #ccc;
    cursor: pointer;
}

.mainContent .leftNav ul li.selected{
    border-right:1px solid #fff;
}








/*右侧内容样式*/
.mainContent .rightContent{
    min-height: 800px;
    width:980px;
    float:right;
}

/*资料编辑与密码修改的表单*/
table{
    margin-top:30px;
    height:400px;
    width:800px;
    font-size:14px;
    margin:20px;
    padding:0 0 0 10px;
    position:relative;
}
table tr{
   width:800px;
}
table td{
    height:30px;
    padding:5px 0;
    font-size: 20px;
    margin:10px 0 10px 0;  
} 
table td:first-child{
    width:200px; 
    height:20px;
} 
table td:nth-child(2){
    width:200px;    
}
table td:last-child{
    width:400px; 
    height:30px;
    color:red;
    font-size: 15px;    
} 
table td input.text{
    width:365px;
    height:30px;
    background:#fff;
    font-size:20px;
    color:#666;
    
}  
table td input[type='password']{
    width:365px;
    height:30px;
    background:#fff;
    font-size:20px;
    color:#666;
    
}  
table td textarea{
    font-size:20px;
} 
.editSubmit{
    height:40px;
    width:200px;
    border-radius:5px;
    border:none;
    margin-top:80px;
}
.pwdTable{
    width:550px;
}


/*作品信息*/
.productShow{
    width:1000px;
    height:900px;
}

/*有作品展示时*/
.productShow figure{
    display: block;
    float:left;
    width:200px;
    height:345x;
    margin:20px;
    border:2px solid #999;
    font-family: 'Microsoft JhengHei';
}
.productShow figure figcaption{
    display: block;
    margin:0 10px 0 10px;
    width:180px;
}
.productShow figure .title{
    font-size:20px;
    display: inline-block;
    width:180px;
    margin:5px 10px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.productShow figure .author{
    font-size:15px;
    display: inline-block;
    width:100px;
    margin:0px 10px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.productShow figure .showImg{
    width:180px;
    height:200px;
    margin:5px 10px 5px 10px;
}
.productShow figure .info{
    width:180px;
    height:15px;
    font-size:10px;
    display: inline-block;
    margin-bottom: 5px;
}
.productShow figure .info p{
    float: left;
    display: inline-block;
    height:15px;
    width:55px;

    /*text-align: left;*/
}

.productShow figure .info p a.icon{
    display: inline-block; 
    width:20px; 
    height:15px;  
    white-space:nowrap;     
    letter-spacing: -1em; 
    text-indent: -99em; 
    color: transparent;
}
.icon:before { 
    content: '\3000'; 
}   
.productShow figure .info .star{
    display: inline-block;
    height:15px;
    width:40px;
}
.productShow figure .info p a.siIcon{
    background: url('../img/ic_remove_red_eye_black_18dp.png') no-repeat center;
}

.productShow figure .info p a.liIcon{
    background: url('../img/like.png') no-repeat center;
}

.productShow figure .info p a.stIcon{
    background: url('../img/star.png') no-repeat center;
}
.productShow figure .info .star{
    float: right;
}
.productShow figure  figcaption .changeBtn{
    height:15px;
    line-height: 15px;
    margin-top: 5px;
    margin-bottom: 3px;
}
.productShow figure  figcaption .changeBtn a{
    display: inline-block;
    width:50px;
    font-size: 13px;
    text-align: center;
    color:#000;
    width:57px;
}
.productShow figure  figcaption .changeBtn a.proEdit{
    float: left;
    margin-left: 10px;
    background: url(../img/edit.png) no-repeat left;
}
.productShow figure  figcaption .changeBtn a.deleteBtn{
    float: right;
    background: url(../img/delete.png) no-repeat left;
}

.productShow figure .state{
    width: 180px;
    font-size: 15px;
    margin-left: 10px;
    background-color: #ccc;
    color:black;
    text-align: center;
}
/*无作品时*/
.productShow .noPro{
    display: block;
    margin:10px;
    color:#ccc;

}

